<!doctype html>
<html lang="en">

<head>
   <!-- Required meta tags -->
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
   <!-- Favicon icon-->
   <link rel="apple-touch-icon" sizes="180x180"
      href="https://block.codescandy.com/assets/images/favicon/apple-touch-icon.png" />
   <link rel="icon" type="image/png" sizes="32x32"
      href="https://block.codescandy.com/assets/images/favicon/favicon-32x32.png" />
   <link rel="icon" type="image/png" sizes="16x16"
      href="https://block.codescandy.com/assets/images/favicon/favicon-16x16.png" />
   <link rel="manifest" href="https://block.codescandy.com/assets/images/favicon/site.webmanifest" />
   <link rel="mask-icon" href="https://block.codescandy.com/assets/images/favicon/block-safari-pinned-tab.svg"
      color="#8b3dff" />
   <link rel="shortcut icon" href="https://block.codescandy.com/assets/images/favicon/favicon.ico" />
   <meta name="msapplication-TileColor" content="#8b3dff" />
   <meta name="msapplication-config" content="https://block.codescandy.com/assets/images/favicon/tile.xml" />

   <!-- Color modes -->
   <script src="https://block.codescandy.com/assets/js/vendors/color-modes.js"></script>

   <!-- Libs CSS -->
   <link href="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.css" rel="stylesheet" />
   <link href="https://block.codescandy.com/assets/libs/bootstrap-icons/font/bootstrap-icons.min.css"
      rel="stylesheet" />

   <!-- Scroll Cue -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/libs/scrollcue/scrollCue.css" />

   <!-- Box icons -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/fonts/css/boxicons.min.css" />

   <!-- Theme CSS -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/css/theme.min.css">

   <title>Accounting - Multipurpose Bootstrap 5 Template | Block</title>
</head>

<body>
   <!-- Navbar -->
   <header>
      <nav class="navbar navbar-expand-lg  navbar-light w-100 transparent">
         <div class="container px-3">
            <a class="navbar-brand" href="./index.html"><img
                  src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
            <button class="navbar-toggler offcanvas-nav-btn" type="button">
               <i class="bi bi-list"></i>
            </button>
            <div class="offcanvas offcanvas-start offcanvas-nav" style="width: 20rem">
               <div class="offcanvas-header">
                  <a href="./index.html" class="text-inverse"><img
                        src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
               </div>
               <div class="offcanvas-body pt-0 align-items-center">
                  <ul class="navbar-nav mx-auto align-items-lg-center">
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Landings</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="./index.html">Landing Overview</a></li>
                           <li>
                              <a class="dropdown-item" href="./landing-blog.html">Blog</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-ai-studio.html">AI Studio</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-mobile-app-showcase.html">Mobile App Showcase</a>
                           </li>

                           <li><a class="dropdown-item" href="./landing-sass-v1.html">Saas v.1</a></li>
                           <li><a class="dropdown-item" href="./landing-sass-v2.html">Sass v.2</a></li>
                           <li>
                              <a class="dropdown-item" href="./landing-it-company.html">IT Company</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-seo.html">Seo Agency</a>
                           </li>
                           <li><a class="dropdown-item" href="./landing-accounting.html">Accounting</a></li>
                           <li><a class="dropdown-item" href="./landing-finance.html">Finance</a></li>
                           <li><a class="dropdown-item" href="./landing-jamstack-agancy.html">Jamstack Agency</a></li>
                           <li><a class="dropdown-item" href="./landing-conference.html">Conference</a></li>
                           <li><a class="dropdown-item" href="./landing-personal.html">Personal</a></li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Pages</a>
                        <div class="dropdown-menu dropdown-menu-xxl">
                           <div class="row row-cols-lg-4 row-cols-1 g-0">
                              <div class="col">
                                 <div>
                                    <div>
                                       <div class="dropdown-header">Blog</div>
                                       <a class="dropdown-item" href="./blog-list-view.html">List View</a>
                                       <a class="dropdown-item" href="./blog.html">Grid View</a>
                                       <a class="dropdown-item" href="./blog-grid-thumbnail.html">Grid View v.2</a>
                                       <a class="dropdown-item" href="./blog-sidebar.html">Sidebar</a>
                                       <a class="dropdown-item" href="./blog-category.html">Category</a>
                                       <a class="dropdown-item" href="./blog-single.html">Single Post</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">About</div>
                                       <a class="dropdown-item" href="./about.html">About v.1</a>
                                       <a class="dropdown-item" href="./about-v2.html">About v.2</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Service</div>
                                       <a class="dropdown-item" href="./service-v1.html">Service v.1</a>
                                       <a class="dropdown-item" href="./service-v2.html">Service v.2</a>
                                       <a class="dropdown-item" href="./service-v3.html">Service v.3</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Events</div>

                                       <a class="dropdown-item" href="./events.html">List</a>
                                       <a class="dropdown-item" href="./event-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Contact</div>

                                       <a class="dropdown-item" href="./contact-1.html">Contact Us</a>
                                       <a class="dropdown-item" href="./contact-2.html">Contact Sales</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Portfolio</div>

                                       <a class="dropdown-item" href="./portfolio.html">Grid View</a>
                                       <a class="dropdown-item" href="./portfolio-3-columns.html">3 Columns</a>

                                       <a class="dropdown-item" href="./portfolio-single.html">Single View</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Pricing</div>
                                       <a class="dropdown-item" href="./pricing-v1.html">Pricing v.1</a>
                                       <a class="dropdown-item" href="./pricing-v2.html">Pricing v.2</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Career</div>
                                       <a class="dropdown-item" href="./career.html">Career</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Integration</div>
                                       <a class="dropdown-item" href="./integration.html">Grid View</a>
                                       <a class="dropdown-item" href="./integration-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div>
                                          <div class="dropdown-header">Case Study</div>
                                          <a class="dropdown-item" href="./case-study.html">Grid View</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown dropdown-fullwidth">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Blocks</a>
                        <div class="dropdown-menu p-4">
                           <div class="row row-cols-xl-6 row-cols-lg-5 row-cols-1 gx-lg-4">
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/hero.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/hero-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Hero</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/navbar.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/header-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Navbar</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/about.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/about-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>About</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/blog.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/blog-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Blog</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/carousel.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/carousel-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Carousel</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/case-study.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/case-study-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Case Study</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/cta.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/call-to-action-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Call to Action</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/clients.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/clients-logo-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Client</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/contact.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/contact-section-example.svg"
                                          alt="" />
                                    </div>
                                    <span>Contact</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/form.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/form-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Form</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/faq.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/faq-section-example.svg"
                                          alt="" /></div>
                                    <span>FAQ</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/team.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/team-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Team</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/footer.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/footer-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Footer</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/features.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/feature-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Features</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/integration.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/integration-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Integration</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/industry.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/industry-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Industry</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/location.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/location-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Location</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/portfolio.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/portfolio-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Portfolio</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/process.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/process-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Process</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/pricing.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2 bg-gray-200">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/pricing-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Pricing</span>
                                 </a>
                              </div>

                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/facts.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/stats-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Stats</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/testimonails.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/testimonial-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Testimonials</span>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Accounts</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="./account-profile.html">Profile</a></li>
                           <li><a class="dropdown-item" href="./account-security.html">Security</a></li>
                           <li><a class="dropdown-item" href="./account-billing.html">Billing</a></li>
                           <li><a class="dropdown-item" href="./account-team.html">Team</a></li>
                           <li><a class="dropdown-item" href="./account-notification.html">Notifications</a></li>
                           <li><a class="dropdown-item" href="./account-app-integration.html">Integration</a></li>
                           <li><a class="dropdown-item" href="./account-device-session.html">Session</a></li>
                           <li><a class="dropdown-item" href="./account-social-links.html">Social</a></li>
                           <li><a class="dropdown-item" href="./account-appearance.html">Appearance</a></li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
                              <ul class="dropdown-menu">
                                 <li class="dropdown-header">Simple</li>

                                 <li>
                                    <a class="dropdown-item" href="./signin.html">Sign In</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./signup.html">Sign Up</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./forget-password.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./reset-password.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./otp-varification.html">OTP Varification</a>
                                 </li>
                                 <li>
                                    <hr class="dropdown-divider" />
                                 </li>
                                 <li class="dropdown-header">Side Cover</li>

                                 <li>
                                    <a class="dropdown-item" href="./signin-v2.html">Sign In</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="./signup-v2.html">Sign Up</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="./forget-password-v2.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./reset-password-v2.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./otp-varification-v2.html">OTP Varification</a>
                                 </li>
                              </ul>
                           </li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Utility</a>
                              <ul class="dropdown-menu">
                                 <li>
                                    <a class="dropdown-item" href="./404-error.html">404 Error</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./changelog.html">Changelog</a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                           data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown">
                           <a class="dropdown-item mb-3 text-body" href="./docs/index.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-file-text fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">Documentations</h5>
                                    <p class="mb-0 fs-6">Browse the all documentation</p>
                                 </div>
                              </div>
                           </a>

                           <a class="dropdown-item text-body" href="./docs/changelog.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-clipboard fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">
                                       Changelog
                                       <span class="text-primary ms-1"></span>
                                    </h5>
                                    <p class="mb-0 fs-6">See what's new</p>
                                 </div>
                              </div>
                           </a>
                        </div>
                     </li>
                  </ul>
                  <div class="mt-3 mt-lg-0 d-flex align-items-center">
                     <a href="./signin.html" class="btn btn-light mx-2">Login</a>
                     <a href="./signup.html" class="btn btn-primary">Create account</a>
                  </div>
               </div>
            </div>
         </div>
      </nav>
   </header>

   <main>
      <!--Accounting software start-->
      <section class="py-md-10 pt-5 bg-primary bg-opacity-10 position-relative">
         <div class="container">
            <div class="row align-items-center py-lg-8">
               <div class="col-md-6 col-12">
                  <div class="text-center text-md-start">
                     <div class="mb-6 pe-xl-8">
                        <h1 class="display-5">Accounting Software Built for Business</h1>
                        <p class="lead">Block makes it easy to get your most important work done. Increase efficiency to
                           deliver results and hit your goals on every project.</p>
                     </div>
                     <div class="mb-7">
                        <div class="mb-3">
                           <a href="#!" class="btn btn-primary me-2">Try for free</a>
                           <a href="#!" class="btn btn-white">How it works</a>
                        </div>
                        <small>📣 30-Day Money Back Guarantee</small>
                     </div>
                     <div class="d-flex flex-column flex-lg-row align-items-center gap-2">
                        <div class="text-dark mb-0 fs-6 lh-1 d-flex align-items-center">
                           <span>Excellent</span>
                           <span class="mx-1">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                              </svg>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                              </svg>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                              </svg>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                              </svg>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                              </svg>
                           </span>
                        </div>
                        <div class="mt-2 mt-lg-0"><span>(Based on 57App reviews)</span></div>
                     </div>
                  </div>
               </div>
               <div class="col-md-6 col-12 position-md-absolute top-0 end-0 left-0 h-100 mt-6 mt-md-0 px-0"
                  style="background-image: url(./assets/images/landings/account/account-hero-img.jpg); background-size: cover; background-position: center">
                  <div class="d-block d-md-none">
                     <figure class="figure">
                        <img src="https://block.codescandy.com/assets/images/landings/account/account-hero-img.jpg"
                           alt="" class="img-fluid" />
                     </figure>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Accounting software end-->

      <!--Accounting for teams start-->
      <section class="my-lg-7 py-6">
         <div class="container">
            <div class="row">
               <div class="col-lg-8 offset-lg-2 col-md-12">
                  <div class="text-center mb-5 mb-lg-7">
                     <small
                        class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Product</small>
                     <h2 class="mt-4 px-lg-8">Smarter accounting for teams who want to scale business next level.</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-12">
                  <div class="tabs-to-dropdown">
                     <div class="nav-wrapper mb-lg-8">
                        <ul class="nav nav-fill d-none d-lg-flex nav-line-bottom nav-pills" id="pills-tab"
                           role="tablist">
                           <li class="nav-item" role="presentation">
                              <a href="#!" class="nav-link active" id="pills-invoicing-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-invoicing" role="tab" aria-controls="pills-invoicing"
                                 aria-selected="true">
                                 Invoicing
                              </a>
                           </li>
                           <li class="nav-item" role="presentation">
                              <a href="#!" class="nav-link" id="pills-accounting-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-accounting" role="tab" aria-controls="pills-accounting"
                                 aria-selected="false">
                                 Accounting
                              </a>
                           </li>
                           <li class="nav-item" role="presentation">
                              <a href="#!" class="nav-link" id="pills-expenses-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-expenses" role="tab" aria-controls="pills-expenses"
                                 aria-selected="false">
                                 Expenses
                              </a>
                           </li>
                           <li class="nav-item" role="presentation">
                              <a href="#!" class="nav-link" id="pills-payments-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-payments" role="tab" aria-controls="pills-payments"
                                 aria-selected="false">
                                 Payments
                              </a>
                           </li>
                           <li class="nav-item" role="presentation">
                              <a href="#!" class="nav-link" id="pills-project-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-project" role="tab" aria-controls="pills-project"
                                 aria-selected="false">
                                 Projects
                              </a>
                           </li>
                        </ul>
                     </div>
                     <div class="tab-content" id="pills-tabContentOne">
                        <div class="tab-pane fade show active" id="pills-invoicing" role="tabpanel"
                           aria-labelledby="pills-invoicing-tab" tabindex="0">
                           <div class="row align-items-center">
                              <div class="col-lg-6 col-12 order-2 order-lg-1">
                                 <div class="mx-lg-5">
                                    <div class="mb-6">
                                       <h2>Create professional invoicing</h2>
                                       <p class="mb-0">Vivamus in velit in elit luctus ultrices a luctus libero. Vivamus
                                          augue elit, venenatis eu turpis vitae, faucibus cursus nisl.</p>
                                    </div>
                                    <div class="d-flex mb-5">
                                       <div>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                             fill="currentColor" class="bi bi-trophy-fill text-primary"
                                             viewBox="0 0 16 16">
                                             <path
                                                d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935z" />
                                          </svg>
                                       </div>
                                       <div class="ms-3">
                                          <h5>Drive more revenue</h5>
                                          <p class="mb-0">Book high-value meetings in seconds and turn scheduling into a
                                             competitive advantage.</p>
                                       </div>
                                    </div>
                                    <div class="d-flex">
                                       <div>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                             fill="currentColor" class="bi bi-cash-stack text-primary"
                                             viewBox="0 0 16 16">
                                             <path
                                                d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
                                             <path
                                                d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                                          </svg>
                                       </div>
                                       <div class="ms-3">
                                          <h5>Speed up your sales cycle</h5>
                                          <p class="mb-0">Keep your deal momentum high and remove scheduling friction at
                                             every stage of your sales cycle.</p>
                                       </div>
                                    </div>
                                    <div class="mt-6">
                                       <a href="#!" class="icon-link icon-link-hover">
                                          Learn More
                                          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                             <path fill-rule="evenodd"
                                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                             </path>
                                          </svg>
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-12 order-1">
                                 <div class="position-relative">
                                    <div class="me-lg-5 position-relative">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-1.jpg"
                                             alt="tab1" class="img-fluid rounded-3 mb-5" />
                                       </figure>
                                       <div class="position-absolute bottom-0 ms-2 mb-5">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-tab-g-1.svg"
                                                alt="account" />
                                          </figure>
                                       </div>
                                    </div>
                                    <div class="position-absolute end-0 bottom-0 z-n1 d-none d-lg-block">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-bg-1.svg"
                                             alt="bgtab" class />
                                       </figure>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="pills-accounting" role="tabpanel"
                           aria-labelledby="pills-accounting-tab" tabindex="0">
                           <div class="row align-items-center">
                              <div class="col-lg-6 col-12 order-2 order-lg-1">
                                 <div class="mx-xl-5">
                                    <div class="mb-5">
                                       <h2>Keep an eye on the big picture</h2>
                                       <p class="mb-0">Aliquam dolor ex, viverra non sapien at, consequat mattis.</p>
                                    </div>
                                    <div class="mb-5 mb-lg-6">
                                       <ul class="list-unstyled mb-0">
                                          <li class="d-flex mb-2">
                                             <span>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor"
                                                   class="bi bi-check-circle-fill text-info text-opacity-50"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                             </span>
                                             <span class="ms-2">Modernize your security operations</span>
                                          </li>
                                          <li class="d-flex mb-2">
                                             <span>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor"
                                                   class="bi bi-check-circle-fill text-info text-opacity-50"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                             </span>
                                             <span class="ms-2">Automate monitoring across your ecosystem</span>
                                          </li>
                                          <li class="d-flex mb-2">
                                             <span>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor"
                                                   class="bi bi-check-circle-fill text-info text-opacity-50"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                             </span>
                                             <span class="ms-2">Search everything, anywhere with AI</span>
                                          </li>
                                       </ul>
                                       <div class="mt-6">
                                          <a href="#!" class="icon-link icon-link-hover link-info">
                                             Learn More
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                </path>
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="bg-gray-100 rounded-3 p-3">
                                       <p>“Block is the best thing that's ever happened to my freelancing career. I
                                          can't imagine working without it!"</p>
                                       <div class="d-flex align-items-center">
                                          <img
                                             src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-1.svg"
                                             alt="vercel company logo" />
                                          <span class="small text-opacity-50">Chief Information Officer</span>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-12 order-1">
                                 <div class="position-relative">
                                    <div class="me-lg-5 position-relative">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-2.jpg"
                                             alt="tab1" class="img-fluid rounded-3 mb-5" />
                                       </figure>
                                       <div class="position-absolute bottom-0 ms-2 mb-5">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-tab-g-2.svg"
                                                alt="account" />
                                          </figure>
                                       </div>
                                    </div>
                                    <div class="position-absolute end-0 bottom-0 z-n1 d-none d-lg-block">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-bg-2.svg"
                                             alt="bgtab" class />
                                       </figure>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="pills-expenses" role="tabpanel"
                           aria-labelledby="pills-expenses-tab" tabindex="0">
                           <div class="row align-items-center">
                              <div class="col-lg-6 col-12">
                                 <div class="position-relative">
                                    <div class="ms-lg-5 position-relative">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-3.jpg"
                                             alt="tab1" class="img-fluid rounded-3 mb-5" />
                                       </figure>
                                       <div class="position-absolute bottom-0 end-0 me-md-n7 me-n3 mb-n4">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-tab-g-3.svg"
                                                alt="account" />
                                          </figure>
                                       </div>
                                    </div>
                                    <div class="position-absolute start-0 bottom-0 z-n1 d-none d-lg-block">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-bg-3.svg"
                                             alt="bgtab" class />
                                       </figure>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-12">
                                 <div class="mx-xl-5">
                                    <div class="mb-5">
                                       <h2>Control costs. Spend confidently.</h2>
                                       <p class="mb-0">Nullam augue velit, ultrices non rhoncus tempus, semper eget
                                          urna. Nunc ultricies est atviverra lacus varius malesuada.</p>
                                    </div>

                                    <div class="row">
                                       <div class="col-6">
                                          <h3 class="mb-0 h1">20%</h3>
                                          <small>Increase in retention</small>
                                       </div>
                                       <div class="col-6">
                                          <h3 class="mb-0 h1">1.5X</h3>
                                          <small>Increase in retention</small>
                                       </div>
                                    </div>
                                    <div class="mt-6">
                                       <a href="#!" class="icon-link icon-link-hover link-success">
                                          Learn More
                                          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                             <path fill-rule="evenodd"
                                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                             </path>
                                          </svg>
                                       </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="pills-payments" role="tabpanel"
                           aria-labelledby="pills-payments-tab" tabindex="0">
                           <div class="row align-items-center">
                              <div class="col-lg-6 col-12 order-2 order-lg-1">
                                 <div class="mx-xl-5">
                                    <div class="mb-5">
                                       <h2 class="pe-lg-9 mb-0">Fast & easy, for you and your clients</h2>
                                    </div>

                                    <ol class="mb-0">
                                       <li class="mb-4">
                                          <span class="text-dark fw-semibold">Aenean elementum:</span>
                                          facilisis nunc nec semper. Mauris luctus sed nibh et tristique commodo.
                                       </li>
                                       <li class="mb-4">
                                          <span class="text-dark fw-semibold">Lorem ipsum dolor:</span>
                                          mMet, consectetur adipiscing elit. Curabitur fringilla efficitur mattis.
                                       </li>
                                       <li class="mb-4">
                                          <span class="text-dark fw-semibold">Quisque maximus aliquet:</span>
                                          Phasellus laoreet nisl a aliquet sagittis. Suspendisse euismod, orci ac porta
                                          suscipit
                                       </li>
                                    </ol>
                                    <div class="mt-6">
                                       <a href="#!" class="text-info">
                                          <span>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                fill="currentColor" class="bi bi-play-circle-fill text-info"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z" />
                                             </svg>
                                          </span>
                                          <span class="ms-3">Watch the video</span>
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-12 order-1">
                                 <div class="position-relative me-lg-5">
                                    <div class="position-relative">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-4.jpg"
                                             alt="tab1" class="img-fluid rounded-3 mb-5" />
                                       </figure>
                                       <div class="position-absolute bottom-0 ms-2">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-tab-g-4.svg"
                                                alt="account" />
                                          </figure>
                                       </div>
                                    </div>
                                    <div
                                       class="position-absolute bottom-0 start-50 translate-middle-x z-n1 d-none d-lg-block">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-bg-4.svg"
                                             alt="bgtab" />
                                       </figure>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="pills-project" role="tabpanel"
                           aria-labelledby="pills-project-tab" tabindex="0">
                           <div class="row align-items-center">
                              <div class="col-lg-6 col-12 order-2 order-lg-1">
                                 <div class="mx-lg-5">
                                    <div class="mb-6">
                                       <h2 class="pe-lg-9 mb-3">Keep everyone on the same page</h2>
                                       <p class="mb-0">
                                          Curabitur gravida, nisi nec malesuada dignissim, ex libero tincidunt ipsum, id
                                          maximus magna nunc eu ante. Nam tempus eleifend neque in fringilla.
                                       </p>
                                    </div>

                                    <a href="#!" class="btn btn-outline-primary me-4">Watch video</a>
                                    <a href="#!" class="icon-link icon-link-hover">
                                       Learn More
                                       <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                          fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                          <path fill-rule="evenodd"
                                             d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                          </path>
                                       </svg>
                                    </a>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-12 order-1">
                                 <div class="position-relative">
                                    <div class="me-lg-5 position-relative">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-5.jpg"
                                             alt="tab1" class="img-fluid rounded-3 mb-5" />
                                       </figure>
                                       <div class="position-absolute bottom-0 end-0 mb-5">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-tab-g-5.svg"
                                                alt="account" />
                                          </figure>
                                       </div>
                                    </div>
                                    <div class="position-absolute end-0 bottom-0 z-n1 d-none d-lg-block">
                                       <figure>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/account/account-tab-bg-5.svg"
                                             alt="bgtab" class />
                                       </figure>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Accounting for teams end-->

      <!--Built for business start-->
      <div class="pattern-square"></div>
      <section class="py-lg-9 py-6 bg-light bg-opacity-50">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 offset-lg-3 col-md-12">
                  <div class="text-center mb-5 mb-lg-7">
                     <small
                        class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Features</small>
                     <h2 class="mt-4 px-lg-8">Built for any sized business</h2>
                     <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod ut labore et dolore
                        magna.</p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-3 col-md-6">
                  <div class="card card-lift mb-5 mb-lg-0">
                     <div class="card-body p-lg-5">
                        <div class="mb-5">
                           <div
                              class="icon-lg icon-shape rounded-circle bg-warning bg-opacity-25 border border-warning border-opacity-10 border-4">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-laptop-fill text-warning" viewBox="0 0 16 16">
                                 <path
                                    d="M2.5 2A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z" />
                              </svg>
                           </div>
                        </div>
                        <div class="mb-4">
                           <h4>Freelancers</h4>
                           <p class="mb-0">Keep your books in check, your clients happy, and deliver the work you love
                              doing</p>
                        </div>

                        <a href="#!" class="icon-link icon-link-hover text-inherit stretched-link">
                           Learn More
                           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                              class="bi bi-arrow-right" viewBox="0 0 16 16">
                              <path fill-rule="evenodd"
                                 d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                           </svg>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="card card-lift mt-lg-6 mb-5 mb-lg-0">
                     <div class="card-body p-lg-5">
                        <div class="mb-5">
                           <div
                              class="icon-lg icon-shape rounded-circle bg-info bg-opacity-25 border border-info border-opacity-10 border-4">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-briefcase-fill text-info" viewBox="0 0 16 16">
                                 <path
                                    d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z" />
                                 <path
                                    d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z" />
                              </svg>
                           </div>
                        </div>
                        <div class="mb-4">
                           <h4>Businesses</h4>
                           <p class="mb-0">Get more time for your business and clients, and even a little extra to plan
                              for the future.</p>
                        </div>

                        <a href="#!" class="icon-link icon-link-hover text-inherit stretched-link">
                           Learn More
                           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                              class="bi bi-arrow-right" viewBox="0 0 16 16">
                              <path fill-rule="evenodd"
                                 d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                           </svg>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="card card-lift mb-5 mb-lg-0">
                     <div class="card-body p-lg-5">
                        <div class="mb-5">
                           <div
                              class="icon-lg icon-shape rounded-circle bg-danger bg-opacity-25 border border-danger border-opacity-10 border-4">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-palette-fill text-danger" viewBox="0 0 16 16">
                                 <path
                                    d="M12.433 10.07C14.133 10.585 16 11.15 16 8a8 8 0 1 0-8 8c1.996 0 1.826-1.504 1.649-3.08-.124-1.101-.252-2.237.351-2.92.465-.527 1.42-.237 2.433.07zM8 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4.5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
                              </svg>
                           </div>
                        </div>
                        <div class="mb-4">
                           <h4>Creators</h4>
                           <p class="mb-0">Work better with your partners by staying organized and always knowing where
                              you stand.</p>
                        </div>

                        <a href="#!" class="icon-link icon-link-hover text-inherit stretched-link stretched-link">
                           Learn More
                           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                              class="bi bi-arrow-right" viewBox="0 0 16 16">
                              <path fill-rule="evenodd"
                                 d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                           </svg>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="card card-lift mt-lg-6 mb-5 mb-lg-0">
                     <div class="card-body p-lg-5">
                        <div class="mb-5">
                           <div
                              class="icon-lg icon-shape rounded-circle bg-primary bg-opacity-25 border border-primary border-opacity-10 border-4">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-people-fill text-primary" viewBox="0 0 16 16">
                                 <path
                                    d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                              </svg>
                           </div>
                        </div>
                        <div class="mb-4">
                           <h4>Self-Employed</h4>
                           <p class="mb-0">Empower your staff to help grow y our business and build lasting client
                              relationships.</p>
                        </div>

                        <a href="#!" class="icon-link icon-link-hover text-inherit stretched-link">
                           Learn More
                           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                              class="bi bi-arrow-right" viewBox="0 0 16 16">
                              <path fill-rule="evenodd"
                                 d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                           </svg>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Built for business end-->

      <!--Our clients says start-->
      <section class="my-lg-7 py-6">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 offset-lg-3 col-md-12">
                  <div class="text-center mb-5 mb-lg-7">
                     <small
                        class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Testimonial</small>
                     <h2 class="mt-4">What our clients say</h2>
                     <p class="mb-0">See what our clients have to say about their experience working with us and our
                        team.</p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-8 offset-lg-2 col-md-12">
                  <div class="tab-content mb-5" id="pills-tabContent">
                     <div class="tab-pane fade show active" id="pills-vercel" role="tabpanel"
                        aria-labelledby="pills-vercel-tab" tabindex="0">
                        <div class="card shadow-sm">
                           <div class="card-body p-lg-6">
                              <div class="mb-4">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor"
                                    class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                    <path
                                       d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                 </svg>
                              </div>
                              <p class="lead mb-7 text-dark">
                                 Our website redesign surpassed our expectations. Codescandy attention to detail and
                                 creativity resulted in a visually stunning and user-friendly site that
                                 immediately boosted our online presence.
                              </p>
                              <div class="d-flex align-items-center">
                                 <figure>
                                    <img src="https://block.codescandy.com/assets/images/avatar/avatar-1.jpg"
                                       alt="avatar" class="rounded-circle avatar avatar-lg" />
                                 </figure>
                                 <div class="ms-3">
                                    <h4 class="h5 mb-0">Leon Campbell</h4>
                                    <small>Creative Director - Design agency</small>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="pills-netlify" role="tabpanel" aria-labelledby="pills-netlify-tab"
                        tabindex="0">
                        <div class="card shadow-sm">
                           <div class="card-body p-lg-6">
                              <div class="mb-4">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor"
                                    class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                    <path
                                       d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                 </svg>
                              </div>
                              <p class="lead mb-7 text-dark">
                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia temporibus nobis esse,
                                 accusamus repellendus labore maiores dicta inventore optio perspiciatis
                                 Corrupti.
                              </p>
                              <div class="d-flex align-items-center">
                                 <figure>
                                    <img src="https://block.codescandy.com/assets/images/avatar/avatar-2.jpg"
                                       alt="avatar" class="rounded-circle avatar avatar-lg" />
                                 </figure>
                                 <div class="ms-3">
                                    <h4 class="h5 mb-0">Christilla Lias</h4>
                                    <small>Co-Founder - Design agency</small>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="pills-contentful" role="tabpanel"
                        aria-labelledby="pills-contentful-tab" tabindex="0">
                        <div class="card shadow-sm">
                           <div class="card-body p-lg-6">
                              <div class="mb-4">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor"
                                    class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                    <path
                                       d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                 </svg>
                              </div>
                              <p class="lead mb-7 text-dark">
                                 Ducimus repellendus dolores rerum, nihil magni veritatis deleniti adipisci alias vero,
                                 id similique ab debitis dolorem doloribus! Consectetur.
                              </p>
                              <div class="d-flex align-items-center">
                                 <figure>
                                    <img src="https://block.codescandy.com/assets/images/avatar/avatar-3.jpg"
                                       alt="avatar" class="rounded-circle avatar avatar-lg" />
                                 </figure>
                                 <div class="ms-3 mb-0">
                                    <h4 class="h5 mb-0">Leon Campbell</h4>
                                    <small>Web Designer - Design agency</small>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade" id="pills-svelte" role="tabpanel" aria-labelledby="pills-svelte-tab"
                        tabindex="0">
                        <div class="card shadow-sm">
                           <div class="card-body p-lg-6">
                              <div class="mb-4">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor"
                                    class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                    <path
                                       d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                 </svg>
                              </div>
                              <p class="lead mb-7 text-dark">
                                 Id maxime odio laborum aspernatur nisi illum dicta? Dolorum in saepe fugit. Aliquam,
                                 sit, rerum nihil labore ullam ducimus dolor odit vel rem voluptatibus dolores!
                                 Qui, obcaecati!
                              </p>
                              <div class="d-flex align-items-center">
                                 <figure>
                                    <img src="https://block.codescandy.com/assets/images/avatar/avatar-4.jpg"
                                       alt="avatar" class="rounded-circle avatar avatar-lg" />
                                 </figure>
                                 <div class="ms-3">
                                    <h4 class="h5 mb-0">Mian Netwon</h4>
                                    <small>Lead Developer - Design agency</small>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <ul class="nav justify-content-center nav-logo" id="pills-tabOne" role="tablist">
                     <li class="nav-item" role="presentation">
                        <a href="#!" class="nav-link active" id="pills-vercel-tab" data-bs-toggle="pill"
                           data-bs-target="#pills-vercel" role="tab" aria-controls="pills-vercel" aria-selected="true">
                           <figure>
                              <img src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-1.svg"
                                 alt="img" />
                           </figure>
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="#!" class="nav-link" id="pills-netlify-tab" data-bs-toggle="pill"
                           data-bs-target="#pills-netlify" role="tab" aria-controls="pills-netlify"
                           aria-selected="false">
                           <figure>
                              <img src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-3.svg"
                                 alt="img" />
                           </figure>
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="#!" class="nav-link" id="pills-contentful-tab" data-bs-toggle="pill"
                           data-bs-target="#pills-contentful" role="tab" aria-controls="pills-contentful"
                           aria-selected="false">
                           <figure>
                              <img src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-5.svg"
                                 alt="img" />
                           </figure>
                        </a>
                     </li>
                     <li class="nav-item" role="presentation">
                        <a href="#!" class="nav-link" id="pills-svelte-tab" data-bs-toggle="pill"
                           data-bs-target="#pills-svelte" role="tab" aria-controls="pills-svelte" aria-selected="false">
                           <figure>
                              <img src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-7.svg"
                                 alt="img" />
                           </figure>
                        </a>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
      </section>
      <!--Our clients says end-->

      <!--App for business start-->
      <section class="py-lg-9 py-6 bg-gray-200">
         <div class="container">
            <div class="row">
               <div class="col-lg-8 offset-lg-2 col-md-12">
                  <div class="text-center mb-5 mb-lg-8">
                     <small
                        class="border rounded-pill border-dark text-dark text-uppercase px-3 py-2 fw-semibold">Integration</small>
                     <h2 class="mt-4">An app for all of your business</h2>
                     <p class="mb-0 px-xl-9">
                        integrates with
                        <span class="text-primary">over 100 great apps</span>
                        to streamline work for business owners, keep teams and clients connected, and better understand
                        your business.
                     </p>
                  </div>
               </div>
            </div>

            <div class="marquee" style="height: 92px">
               <div class="track py-2">
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-1.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-12.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-9.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-4.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-5.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-15.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-2.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-3.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-10.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-6.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-14.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-13.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-11.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-8.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-14.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-13.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-11.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-14.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-11.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-8.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-14.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-13.svg"
                        alt="logo" class="icon-xs" />
                  </a>

                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-11.svg"
                        alt="logo" class="icon-xs" />
                  </a>
                  <a href="#!" class="btn btn-white btn-icon btn-lg shadow-sm mx-2 btn-lift">
                     <img src="https://block.codescandy.com/assets/images/integration-logo/integrate-logo-14.svg"
                        alt="logo" class="icon-xs" />
                  </a>
               </div>
            </div>

            <div class="row">
               <div class="col-lg-12">
                  <div class="text-center mt-lg-4">
                     <a href="#!" class="btn btn-dark">Try it for free</a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--App for business end-->

      <!--Award winning start-->
      <section class="my-lg-7 py-6">
         <div class="container">
            <div class="row align-items-center g-5">
               <div class="col-lg-5 col-12">
                  <div class="mb-6">
                     <small
                        class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Support</small>
                     <h2 class="mt-4">Award winning customer support</h2>
                  </div>
                  <div class="mb-6">
                     <ul class="list-unstyled mb-0">
                        <li class="d-flex mb-3">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-check-circle-fill text-primary text-opacity-50" viewBox="0 0 16 16">
                                 <path
                                    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                              </svg>
                           </span>
                           <span class="ms-2">
                              <span class="text-dark fw-semibold">Help From Start to Finish:</span>
                              Our Support team is highly knowledgeable and never transfers you to another department.
                           </span>
                        </li>
                        <li class="d-flex mb-3">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-check-circle-fill text-primary text-opacity-50" viewBox="0 0 16 16">
                                 <path
                                    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                              </svg>
                           </span>
                           <span class="ms-2">
                              <span class="text-dark fw-semibold">Global Support:</span>
                              We’ve got over 100 Support staff working across America and Europe
                           </span>
                        </li>
                        <li class="d-flex mb-3">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-check-circle-fill text-primary text-opacity-50" viewBox="0 0 16 16">
                                 <path
                                    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                              </svg>
                           </span>
                           <span class="ms-2">
                              <span class="text-dark fw-semibold">4.8/5.0 Star Reviews:</span>
                              Yup, that’s our Support team approval rating across 120,000+ reviews.
                           </span>
                        </li>
                     </ul>
                  </div>

                  <a href="#!" class="btn btn-primary me-2">Contact us</a>
                  <a href="#!" class="btn btn-outline-primary">Help center</a>
               </div>
               <div class="col-lg-7 col-12">
                  <div class="position-relative mx-3">
                     <figure>
                        <img src="https://block.codescandy.com/assets/images/landings/account/account-support.jpg"
                           alt="support" class="rounded-3 img-fluid px-lg-1" />
                     </figure>
                     <div class="position-absolute top-100 start-50 translate-middle">
                        <div class="rounded-3 bg-success-subtle text-success-emphasis px-2 py-2 text-center">
                           <span class="fs-6">
                              <span>😀</span>
                              <span class="ms-1">A real human available always for you.</span>
                           </span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Award winning end-->

      <!--Call to action start-->
      <section class="py-5">
         <div class="container">
            <div class="row">
               <div class="col-md-10 offset-md-1">
                  <!-- cta style 1 -->
                  <div class="text-center bg-primary bg-opacity-25 p-md-7 p-4 rounded-4 pattern-square">
                     <div class="mb-6">
                        <h2 class="display-6 h1">Join for free today.</h2>
                        <p class="mb-0">Supercharge your team with the best sales acceleration and business automation
                           tools.</p>
                     </div>

                     <form class="row d-flex justify-content-center mb-6 needs-validation" novalidate>
                        <div class="col-lg-6">
                           <label for="subscribeEmail" class="visually-hidden">Email</label>
                           <div class="input-group has-validation">
                              <input type="text" id="subscribeEmail" class="form-control border-primary"
                                 placeholder="Enter your business email" aria-label="Enter your business email"
                                 aria-describedby="basic-addon2" required />
                              <button class="btn btn-primary" type="submit" id="basic-addon2">Join Now</button>
                              <div class="invalid-feedback text-start">Please choose a email.</div>
                           </div>
                        </div>
                     </form>

                     <div class="d-flex align-items-center justify-content-center flex-wrap">
                        <span class="me-3">
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-check-circle-fill text-dark" viewBox="0 0 16 16">
                              <path
                                 d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                           </svg>
                           <span class="text-dark ms-2">Try it free for 30 Days.</span>
                        </span>
                        <span class="me-3">
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-check-circle-fill text-dark" viewBox="0 0 16 16">
                              <path
                                 d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                           </svg>
                           <span class="text-dark ms-2">No credit card required.</span>
                        </span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-check-circle-fill text-dark" viewBox="0 0 16 16">
                              <path
                                 d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                           </svg>
                           <span class="text-dark ms-2">Cancel anytime.</span>
                        </span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Call to action end-->

      <!--Question answer start-->
      <section class="my-lg-7 pb-5">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 offset-lg-3">
                  <div class="text-center mb-lg-7 mb-5">
                     <h2>Questions? Answers.</h2>
                     <p class="mb-0">
                        Have a different question and can’t find the answer you’re looking for? Reach out to our support
                        team by
                        <a href="#!">sending us an email</a>
                        and we’ll get back to your.
                     </p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-8 offset-lg-2">
                  <div class="accordion" id="accordionExample">
                     <div class="border-top p-3">
                        <h2 class="h5 mb-0">
                           <a href="#!" class="text-reset d-flex justify-content-between align-items-center"
                              data-bs-toggle="collapse" data-bs-target="#collapseOneAccount" aria-expanded="false"
                              aria-controls="collapseOneAccount">
                              What is the lorem ipsum dolor sit amet, consectetur?
                              <span class="chevron-arrow"><i class="bi bi-chevron-down"></i></span>
                           </a>
                        </h2>
                        <div id="collapseOneAccount" class="accordion-collapse collapse show"
                           data-bs-parent="#accordionExample">
                           <div class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae harum
                              adipisci possimus et. Iusto pariatur iste nam incidunt ratione modi.</div>
                        </div>
                     </div>

                     <div class="border-top p-3">
                        <h2 class="h5 mb-0">
                           <a href="#!" class="text-reset d-flex justify-content-between align-items-center"
                              data-bs-toggle="collapse" data-bs-target="#collapseTwoAccount" aria-expanded="true"
                              aria-controls="collapseTwoAccount">
                              Do you have a free plan?
                              <span class="chevron-arrow"><i class="bi bi-chevron-down"></i></span>
                           </a>
                        </h2>
                        <div id="collapseTwoAccount" class="accordion-collapse collapse"
                           data-bs-parent="#accordionExample">
                           <div class="mt-3">
                              Sed urna felis, dapibus quis leo nec, luctus auctor augue. Nam gravida placerat sem vitae
                              rutrum. Integer accumsan, enim et facilisis eleifend, ante ligula ornare
                              nulla, sed pharetra tortor diam eget magna.
                           </div>
                        </div>
                     </div>
                     <div class="border-top p-3">
                        <h2 class="h5 mb-0">
                           <a href="#!" class="text-reset d-flex justify-content-between align-items-center"
                              data-bs-toggle="collapse" data-bs-target="#collapseThreeAccount" aria-expanded="false"
                              aria-controls="collapseThreeAccount">
                              What happens if we go over my limit?
                              <span class="chevron-arrow"><i class="bi bi-chevron-down"></i></span>
                           </a>
                        </h2>
                        <div id="collapseThreeAccount" class="accordion-collapse collapse"
                           data-bs-parent="#accordionExample">
                           <div class="mt-3">
                              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore tenetur cum doloremque
                              iusto molestiae. Minus beatae quam cumque modi quidem asperiores aliquam
                              pariatur in iste.
                           </div>
                        </div>
                     </div>
                     <div class="border-top p-3">
                        <h2 class="h5 mb-0">
                           <a href="#!" class="text-reset d-flex justify-content-between align-items-center"
                              data-bs-toggle="collapse" data-bs-target="#collapseFourAccount" aria-expanded="false"
                              aria-controls="collapseFourAccount">
                              What payment methods do you accept?
                              <span class="chevron-arrow"><i class="bi bi-chevron-down"></i></span>
                           </a>
                        </h2>
                        <div id="collapseFourAccount" class="accordion-collapse collapse"
                           data-bs-parent="#accordionExample">
                           <div class="mt-3">
                              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore tenetur cum doloremque
                              iusto molestiae. Minus beatae quam cumque modi quidem asperiores aliquam
                              pariatur in iste.
                           </div>
                        </div>
                     </div>
                     <div class="border-top p-3">
                        <h2 class="h5 mb-0">
                           <a href="#!" class="text-reset d-flex justify-content-between align-items-center"
                              data-bs-toggle="collapse" data-bs-target="#collapseFiveAccount" aria-expanded="false"
                              aria-controls="collapseFiveAccount">
                              What happens if I cancel my paid plan?
                              <span class="chevron-arrow"><i class="bi bi-chevron-down"></i></span>
                           </a>
                        </h2>
                        <div id="collapseFiveAccount" class="accordion-collapse collapse"
                           data-bs-parent="#accordionExample">
                           <div class="mt-3">
                              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore tenetur cum doloremque
                              iusto molestiae. Minus beatae quam cumque modi quidem asperiores aliquam
                              pariatur in iste.
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--Question answer end-->
   </main>

   <footer class="pt-7">
      <div class="container">
         <!-- Footer 4 column -->
         <div class="row">
            <div class="col-lg-9 col-12">
               <div class="row" id="ft-links">
                  <div class="col-lg-3 col-12">
                     <div class="position-relative">
                        <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                           <h4>Service</h4>
                           <a class="d-block d-lg-none stretched-link text-body" data-bs-toggle="collapse"
                              href="#collapseLanding" role="button" aria-expanded="true"
                              aria-controls="collapseLanding">
                              <i class="bi bi-chevron-down"></i>
                           </a>
                        </div>
                        <div class="d-lg-block collapse show" id="collapseLanding" data-bs-parent="#ft-links" style="">
                           <ul class="list-unstyled mb-0 py-3 py-lg-0">
                              <li class="mb-2">
                                 <a href="./index.html" class="text-decoration-none text-reset">Web App Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Front End Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">MVP Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Digital Marketing</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Content Writing</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div>
                        <div
                           class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                           <h4>About us</h4>
                           <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                              href="#collapseAccounts" role="button" aria-expanded="false"
                              aria-controls="collapseAccounts">
                              <i class="bi bi-chevron-down"></i>
                           </a>
                        </div>
                        <div class="collapse d-lg-block" id="collapseAccounts" data-bs-parent="#ft-links">
                           <ul class="list-unstyled mb-0 py-3 py-lg-0">
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Case Studies</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Blog</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Services</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">About</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Career</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div
                        class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h4>Technology</h4>
                        <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                           href="#collapseResources" role="button" aria-expanded="false"
                           aria-controls="collapseResources">
                           <i class="bi bi-chevron-down"></i>
                        </a>
                     </div>
                     <div class="collapse d-lg-block" id="collapseResources" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                           <li class="mb-2">
                              <a href="./docs/index.html" class="text-decoration-none text-reset">Next.js</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Sanity</a>
                           </li>
                           <li class="mb-2">
                              <a href="./changelog.html" class="text-decoration-none text-reset">Content ful</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Vercel</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Netlify</a>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div
                        class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h4>Locations</h4>
                        <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                           href="#collapseLocations" role="button" aria-expanded="false"
                           aria-controls="collapseLocations">
                           <i class="bi bi-chevron-down"></i>
                        </a>
                     </div>
                     <div class="collapse d-lg-block" id="collapseLocations" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                           <li class="mb-2">
                              <a href="./docs/index.html" class="text-decoration-none text-reset">India</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Australia</a>
                           </li>
                           <li class="mb-2">
                              <a href="./changelog.html" class="text-decoration-none text-reset">Brazil</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Canada</a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-lg-3 col-12">
               <div class="me-7">
                  <h4 class="mb-4">Headquarters</h4>
                  <p class="text-body-secondary">Codescandy, 412, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru,
                     Karnataka, India 560025</p>
               </div>
            </div>
         </div>
      </div>
      <div class="container mt-7 pt-lg-7 pb-4">
         <div class="row align-items-center">
            <div class="col-md-3">
               <a class="mb-4 mb-lg-0 d-block text-inverse" href="../index.html"><img
                     src="https://block.codescandy.com/assets/images/logo/logo.svg" alt="" /></a>
            </div>
            <div class="col-md-9 col-lg-6">
               <div class="small mb-3 mb-lg-0 text-lg-center">
                  Copyright © 2024

                  <span class="text-primary"><a href="#">Block Bootstrap 5 Theme</a></span>
                  | Designed by
                  <span class="text-primary"><a href="#">CodesCandy</a></span>
               </div>
            </div>
            <div class="col-lg-3">
               <div class="text-lg-end d-flex align-items-center justify-content-lg-end">
                  <div class="dropdown">
                     <button class="btn btn-light btn-icon rounded-circle d-flex align-items-center" type="button"
                        aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
                        <i class="bi theme-icon-active lh-1"><i class="bi theme-icon bi-sun-fill"></i></i>
                        <span class="visually-hidden bs-theme-text">Toggle theme</span>
                     </button>
                     <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bs-theme-text">
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center active"
                              data-bs-theme-value="light" aria-pressed="true">
                              <i class="bi theme-icon bi-sun-fill"></i>
                              <span class="ms-2">Light</span>
                           </button>
                        </li>
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center"
                              data-bs-theme-value="dark" aria-pressed="false">
                              <i class="bi theme-icon bi-moon-stars-fill"></i>
                              <span class="ms-2">Dark</span>
                           </button>
                        </li>
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center"
                              data-bs-theme-value="auto" aria-pressed="false">
                              <i class="bi theme-icon bi-circle-half"></i>
                              <span class="ms-2">Auto</span>
                           </button>
                        </li>
                     </ul>
                  </div>
                  <div class="ms-3 d-flex gap-2">
                     <a href="#!" class="btn btn-instagram btn-light btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-instagram" viewBox="0 0 16 16">
                           <path
                              d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z">
                           </path>
                        </svg>
                     </a>
                     <a href="#!" class="btn btn-facebook btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-facebook" viewBox="0 0 16 16">
                           <path
                              d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z">
                           </path>
                        </svg>
                     </a>
                     <a href="#!" class="btn btn-twitter btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-twitter" viewBox="0 0 16 16">
                           <path
                              d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z">
                           </path>
                        </svg>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </footer>
   <div class="btn-scroll-top">
      <svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
         <path
            d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
      </svg>
   </div>
   <!-- Libs JS -->
   <script src="https://block.codescandy.com/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/headhesive/dist/headhesive.min.js"></script>

   <!-- Theme JS -->
   <script src="https://block.codescandy.com/assets/js/theme.min.js"></script>

   <script src="https://block.codescandy.com/assets/js/vendors/tab-to-dropdown.js"></script>
   <script src="https://block.codescandy.com/assets/libs/scrollcue/scrollCue.min.js"></script>
   <script src="https://block.codescandy.com/assets/js/vendors/scrollcue.js"></script>
</body>

</html>